import React, { Component } from 'react'
import NavBar from './components/NavBar'
import NavBar2 from './components/NavBar2'

export default class App extends Component {
  render() {
    return (
      <div>
         <NavBar>
            <div>JD</div>
            <div>
              <input type="text" placeholder='请输入您的宝贝'/>
            </div>
            <div>
               登录
            </div>
         </NavBar>
         <NavBar>
            <div>
              <img src="https://gw.alicdn.com/imgextra/i4/O1CN019XWXNq1aAPOVMYSiu_!!6000000003289-2-tps-167-63.png" alt="" />
            </div>
            <div>
              <input type="text" placeholder='请输入您的宝贝'/>
            </div>
            <div>
               <img src="https://gw.alicdn.com/imgextra/i4/O1CN01ftum4629SHP6bCqTm_!!6000000008066-2-tps-99-99.png" alt="" />
            </div>
         </NavBar>

         <NavBar2 left={<div>当当</div>} center={<input />} right={<img src='	https://img61.ddimg.cn/2021/4/21/202104211402256712.png'/>}></NavBar2>
      </div>
    )
  }
}
